<template>
  <div class="modules">
    <h1>{{moduleA}}  ---  {{moduleB}}</h1>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  data () {
    return {}
  },
  computed: {
    ...mapState({
      moduleA: state => state.moduleA.stateA,
      moduleB: state => state.moduleB.stateB
    })
  }
}
</script>
